import { createRouter, createWebHistory } from 'vue-router'
import type { Component } from 'vue'
import ChatView from '../views/ChatView.vue'

// 技术项目类型定义
interface TechProject {
  id: string
  name: string
  description: string
  routePath: string
  component: Component
}

// 技术项目列表（可以在这里扩展更多项目）
export const techProjects: TechProject[] = [
  {
    id: 'chat-bot',
    name: 'AI聊天机器人',
    description: '一个基于Vue 3的AI聊天机器人示例，支持Markdown格式输出',
    routePath: '/chat',
    component: ChatView
  },
  // 可以在这里添加更多的技术项目
]

// 生成路由配置
export const routes = techProjects.map(project => ({
  path: project.routePath,
  name: project.id,
  component: project.component,
  meta: {
    title: project.name,
    description: project.description
  }
}))

// 创建路由实例
const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      redirect: '/chat' // 默认跳转到聊天机器人页面
    },
    ...routes
  ]
})

export default router